<!-- 消息按钮 -->
<template>
    <li class="nav-item dropdown px-3 pt-2">
        <a href="javascript:;" class="nav-link text-body p-0 position-relative" data-bs-toggle="dropdown" aria-expanded="false">
        <i class="fas fa-bell fa-2x"></i>
        <span class="position-absolute top-5 start-100 translate-middle badge rounded-pill bg-danger border border-white small py-1 px-2">
            <span class="small">5</span>
            <span class="visually-hidden">unread notifications</span>
        </span>
        </a>
        <ul class="dropdown-menu dropdown-menu-end p-2 me-sm-n4">
        <li class="mb-2">
            <a class="dropdown-item border-radius-md" href="javascript:;">
            <div class="d-flex align-items-center py-1">
                <span class="material-icons">email</span>
                <div class="ms-2">
                <h6 class="text-sm font-weight-normal my-auto">
                    消息一
                </h6>
                </div>
            </div>
            </a>
        </li>
        <li class="mb-2">
            <a class="dropdown-item border-radius-md" href="javascript:;">
            <div class="d-flex align-items-center py-1">
                <span class="material-icons">podcasts</span>
                <div class="ms-2">
                <h6 class="text-sm font-weight-normal my-auto">
                    消息二
                </h6>
                </div>
            </div>
            </a>
        </li>
        <li>
            <a class="dropdown-item border-radius-md" href="javascript:;">
            <div class="d-flex align-items-center py-1">
                <span class="material-icons">shopping_cart</span>
                <div class="ms-2">
                <h6 class="text-sm font-weight-normal my-auto">
                    消息三
                </h6>
                </div>
            </div>
            </a>
        </li>
        </ul>
    </li>
</template>

<script>
export default {
  name: 'NotifyPartial',
}
</script>